---
title: WordPressからの移行
description: 既存のWordPressプロジェクトをAstroに移行するためのヒント
sidebar:
  label: WordPress
type: migration
stub: true
framework: WordPress
i18nReady: true
---

import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro';
import { LinkCard, CardGrid } from '@astrojs/starlight/components';

[WordPress](https://wordpress.org)は、PHPとMySQLで構築されたオープンソースの個人向けパブリッシングシステムです。

:::tip
[WordPressをAstroプロジェクトのヘッドレスCMSとして使用する](/ja/guides/cms/wordpress/)ことができます。既存のWordPressコンテンツを新しいAstroプロジェクトで利用するためのガイドをご覧ください。
:::

## WordPressとAstroの主な共通点

WordPressとAstroには、移行を助けるいくつかの共通点があります。

- どちらもブログのような[コンテンツ主導のウェブサイト](/ja/concepts/why-astro/#コンテンツ駆動)に最適です。Markdownでのコンテンツ記述に対応しており（WordPressではプラグインが必要）、AstroでMarkdownファイルを書く作業は、WordPressのエディタでMarkdown構文を使った経験があれば馴染みがあるはずです。
- WordPressとAstroは、[サイトの設計を「ブロック（コンポーネント）」として考える](/ja/concepts/islands/)思想を共有しています。Astroでは、[これらのブロックを自分でコーディングして作成する](/ja/basics/astro-components/)ことになりますが、サイトの構成要素を意識してページ上にどう表示するかを考える点は共通です。

## WordPressとAstroの主な違い

WordPressサイトをAstroで再構築する際には、以下のような違いがあります。

- WordPressはオンラインダッシュボードで編集を行いますが、Astroでは[コードエディタ](/ja/editor-setup/)と開発環境を使用してサイトを保守します。ローカルでの開発も、IDX、StackBlitz、CodeSandbox、Gitpodのようなクラウドエディタも選べます。
- WordPressには豊富なプラグインやテーマのマーケットがあります。Astroにも[インテグレーション](https://astro.build/integrations/)やテーマは存在しますが、多くの機能を自作する必要があるかもしれません。代わりに[機能付きのAstroテーマ](https://astro.build/themes)を選ぶという方法もあります。
- WordPressはコンテンツをデータベースに保存しますが、Astroでは各ページのコンテンツを[プロジェクトディレクトリ](/ja/basics/project-structure/)内のMarkdownまたはMDXファイルとして保持します。または、[CMSを併用](/ja/guides/cms/)して、データの取得・表示をAstroで行うこともできます。

## WordPressからAstroへ移行する

WordPressブログをAstroに変換するには、公式のブログテーマスターターテンプレートを使うのが最適です。または、[コミュニティ製のブログテーマ](https://astro.build/themes)を探してみてください。

`create astro`コマンドで、テンプレートを指定して新しいAstroプロジェクトを開始できます。または、[既存のAstroリポジトリからプロジェクトを開始](/ja/install-and-setup/#cliウィザードからインストールする)することもできます。

  <PackageManagerTabs>
    <Fragment slot="npm">
    ```shell
    npm create astro@latest -- --template blog
    ```
    </Fragment>
    <Fragment slot="pnpm">
    ```shell
    pnpm create astro@latest --template blog
    ```
    </Fragment>
    <Fragment slot="yarn">
    ```shell
    yarn create astro --template blog
    ```
    </Fragment>
  </PackageManagerTabs>

[WordPressをAstroのCMSとして使い続ける](/ja/guides/cms/wordpress/)ことも可能です。つまり投稿はWordPressのダッシュボードで行い、Astroで開発・デプロイを進める形になります。公開URLを維持するには、ホスティング先のドメイン設定を忘れずに行ってください。

コードエディタやGitHubの利用が初めての場合は、[Astroのブログ構築チュートリアル](/ja/tutorial/0-introduction/)が役立ちます。必要なアカウントの作成や基本的な操作、[Astroコンポーネントの作成](/ja/tutorial/3-components/)、[ブログ記事の追加方法](/ja/tutorial/2-pages/2/)まで学べます。

WordPress上のすべての投稿コンテンツを移行したい場合は、[WordPressからMarkdownへのエクスポートツール](https://github.com/lonekorean/wordpress-export-to-markdown)が便利です。もし[大規模サイトをMarkdownに変換する必要がある場合](https://swizec.com/blog/how-to-export-a-large-wordpress-site-to-markdown/)は、結果の調整が必要かもしれません。

ポートフォリオやドキュメントサイトなど、別の種類のサイトを移行するには、[astro.new](https://astro.new)でスターターテンプレートを探してみてください。GitHubリポジトリへのリンクや、IDX、StackBlitz、CodeSandbox、Gitpodなどでプロジェクトをすぐに開けるリンクもあります。

## コミュニティリソース

<CardGrid>
  <LinkCard title="Goodbye Wordpress, hello Astro!" href="https://trib.tv/posts/2025/wordpress-to-astro/" />
  <LinkCard title="How I Migrated from Wordpress to Astro" href="https://itsthatlady.dev/blog/migrate-from-wordpress-to-astro/" />
  <LinkCard title="How and Why I Moved My Blog from WordPress to Astro and Markdown" href="https://levelup.gitconnected.com/how-and-why-i-moved-my-blog-from-wordpress-to-astro-and-markdown-3549672d5a86" />
  <LinkCard title="How I Migrated From Wordpress to Astro: Boosted Pagespeed Scores to 100% and Cut 100% Hosting cost" href="https://devaradise.com/wordpress-to-static-website-astro/" />
  <LinkCard title="WordPress to Astro site conversion" href="https://share.transistor.fm/s/d86496cd" />
  <LinkCard title="How to Convert a Wordpress blog to an Astro Static Site" href="https://blog.okturtles.org/2024/10/convert-wordpress-to-static-site/" />
  <LinkCard title="Why I switched from WordPress to Astro" href="https://dev.to/fratzinger/why-i-switched-from-wordpress-to-astro-5ge" />
  <LinkCard title="Why I ditched WordPress for Astro" href="https://vbartalis.xyz/en/blog/why-i-ditched-wordpress-for-astro-js/" />
  <LinkCard title="DeWP: utility to use your WordPress data in Astro projects" href="https://delucis.github.io/dewp/" />
  <LinkCard title="Astro vs. WordPress: Rendering Patterns of the Modern Web" href="https://andrewkepson.com/blog/headless-wordpress/astro-vs-wordpress-rendering-patterns/" />
</CardGrid>

:::note[共有したいリソースがありますか？]
WordPressサイトをAstroに変換する方法を紹介した便利な動画やブログ記事を見つけた（または作成した）場合は、[このリストに追加してください](https://github.com/withastro/docs/edit/main/src/content/docs/ja/guides/migrate-to-astro/from-wordpress.mdx)！
:::
